<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
					body{
						background-color: #f5f5f5;
					}
					.box1{
						width:1240px;
						height: 1000px;
						margin: 0 auto;
						
						
					}
					.上左{
						font-size: 22px;
						color: #333;
						float: left;
					}
					.上右{
						float: right;
					}
					.字1{
						color: #ff6700;
						border-bottom: 3px solid #ff6700;
						font-size: 18px;
					}
					.字2{
						font-size:16x;
						color: #424242;
					}
					
					.xia{
						width: 234px;
						height: 300px;
						float: right;
						text-align: center;
						padding: 14px 14px 0px 0px ;
						background-color: white;
					}
					
					.上{
						overflow: auto;
						
					}
					.文字1{
						font-size: 14px;
						color: #333;
					}
					.文字2{
						font-size: 12px;
						color: #b0b0b0;
					}
					.文字3{
						font-size: 14px;
						color: #ff6700;
					}
					.文字4{
						font-size:14px;
						color: #b0b0b0;
						text-decoration: line-through;
					}
					
				</style>
	</head>
	<body>
<div class="box1">
		<div class="上">
			<div class="上左">厨房电器</div>
			<div class="上右">
				<span class="字1">净水器</span>
				<span class="字2">烟灶</span>
				<span class="字2">电饭煲</span>
				<span class="字2">微蒸烤</span>
			</div>
		</div>
		<div class="下">
					<div class="xia">
						<img src="./img/04.webp" alt="" />
						<p class="文字1">米家净水器1600g</p>
						<p class="文字2">2.1秒一杯水，还原自来水的彭拜流速</p>
						<p class="文字3">3999元<span class="文字4">4599元</span></p>
					</div>
					<div class="xia">
						<img src="./img/02.webp" alt="" />
						<p class="文字1">米家净水器1600g</p>
						<p class="文字2">2.1秒一杯水，还原自来水的彭拜流速</p>
						<p class="文字3">3999元<span class="文字4">4599元</span></p>
					</div>
					<div class="xia">
						<img src="./img/03.webp" alt="" />
						<p class="文字1">米家净水器1600g</p>
						<p class="文字2">2.1秒一杯水，还原自来水的彭拜流速</p>
						<p class="文字3">3999元<span class="文字4">4599元</span></p>
					</div>
					<div class="xia">
						<img src="./img/01.webp" alt="" />
						<p class="文字1">米家净水器1600g</p>
						<p class="文字2">2.1秒一杯水，还原自来水的彭拜流速</p>
						<p class="文字3">3999元<span class="文字4">4599元</span></p>
					</div>
					<div class="xia">
						<img src="./img/09.webp" alt="" />
						
					</div>
					<div class="xia">
						<img src="./img/05.webp" alt="" />
						<p class="文字1">米家净水器1600g</p>
						<p class="文字2">2.1秒一杯水，还原自来水的彭拜流速</p>
						<p class="文字3">3999元<span class="文字4">4599元</span></p>
					</div>
					<div class="xia">
						<img src="./img/06.webp" alt="" />
						<p class="文字1">米家净水器1600g</p>
						<p class="文字2">2.1秒一杯水，还原自来水的彭拜流速</p>
						<p class="文字3">3999元<span class="文字4">4599元</span></p>
					</div>
					<div class="xia" class="xia">
						<img src="./img/07.webp" alt="" />
						<p class="文字1">米家净水器1600g</p>
						<p class="文字2">2.1秒一杯水，还原自来水的彭拜流速</p>
						<p class="文字3">3999元<span class="文字4">4599元</span></p>
					</div>
					<div class="xia">
						<img src="./img/08.webp" alt="" />
						<p class="文字1">米家净水器1600g</p>
						<p class="文字2">2.1秒一杯水，还原自来水的彭拜流速</p>
						<p class="文字3">3999元<span class="文字4">4599元</span></p>
					</div>
					<div class="xia">
						<img src="./img/10.webp" alt="" />
						
					</div>
					
				</div>
				</div>
	</body>
</html>
